@layout("/common/_tree_container.html",{plugins:["ztree"],js:["/assets/modular/system/area/area.js"],css:["/assets/common/css/beautiful.css"]}){
<link rel="stylesheet" href="${ctxPath}/assets/common/css/fix.css?v=${constants.getReleaseVersion()}" media="all">
<style>
    #deptTreeB {
        min-height: 360px;
        background: url("/assets/common/images/areaTree.png") no-repeat left top;
    }
    #btnBM {
        cursor: pointer;
    }
    #deptTree {
        margin-left: 5px;
    }
</style>

<div class="layui-body-header">
    <span class="layui-body-header-title">区域管理</span>
</div>

<div id="myContiner" style="height: 100%">
    <div class="ui-layout-west" id="deptTreeB">
        <div style="width: 100%;height: 400px;display: block" id="btnBM"></div>
        <div class="box box-main">
            <div class="ui-layout-content">
                <div id="deptTree"></div>
            </div>
        </div>
    </div>

    <div class="ui-layout-center">
        <div class="layui-fluid">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-form toolbar">
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">月份</label>
                                        <div class="layui-input-inline">
                                            <input id="name" class="layui-input" type="text" placeholder="区域名称"/>
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <label class="layui-form-label">级别</label>
                                        <div class="layui-input-inline">
                                            <select id="type" name="type">
                                                <option value="">全部级别</option>
                                                <option value="1">一级</option>
                                                <option value="2">二级</option>
                                                <option value="3">三级</option>
                                                <option value="4">四级</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <button id="btnSearch" class="layui-btn icon-btn layui-btn-sm marrig">搜索</button>
                                        <button id="btnAdd" class="layui-btn icon-btn ml0 layui-btn-sm">添加</button>

<!--                                        <button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>-->
                                    </div>
                                </div>
                            </div>
                            <table class="layui-table" id="deptTable" lay-filter="deptTable"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="tableBar">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>
<!--    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>-->
</script>
@}